<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>注册页</title>
    <link rel="stylesheet" href="../css/login.css"/>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1137454_0we1qjvwz51g.css"/>
    <script src="../js/base.min.js"></script>
</head>
<body>
<header flex="dir:top main:center cross:center">
    <h1>AVITAL</h1>
    <span>Mobile UI Kit</span>
</header>
<section>
    <form class="form">
        <input type="text" placeholder="E-mail"/>
        <input type="password" placeholder="Password"/>
    </form>
</section>
<section class="btn">

    <button>LOGIN NOW <i class="iconfont icon-youjiantou"></i></button>
    <div class="btns" flex>
        <div class="leftBtn" flex="main:center cross:center">
            <span>Facebook</span>
        </div>
        <div class="rightBtn" flex="main:center cross:center">
            <span>Google+</span>
        </div>
    </div>
    <div class="div_a" flex="main:center cross:center">
        <a href="./index.html">Don’t have an account?</a>
    </div>

</section>

</body>
</html>